<!DOCTYPE html>
<html lang="en">

<head>
  <meta charset="utf-8" />
  <meta name="viewport" content="width=device-width,initial-scale=1,maximum-scale=1,minimum-scale=1,user-scalable=no">
  <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
  <meta http-equiv="X-UA-Compatible" content="IE=EmulateIE7" />
  <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1" />
  <link rel="icon" href="favicon.ico" type="image/x-icon">
  <link rel="apple-touch-icon" sizes="180x180" href="/apple-touch-icon.png">
  <link rel="icon" type="image/png" sizes="32x32" href="/favicon-32x32.png">
  <link rel="icon" type="image/png" sizes="16x16" href="/favicon-16x16.png">
  <link rel="manifest" href="/site.webmanifest">
  <title>智桥联合</title>
  <link rel="stylesheet" href="css/normalize.css">
  <script src="js/scrollReveal.min.js"></script>
  <link href="css/swiper-bundle.min.css" rel="stylesheet">
  <link href="layui/css/layui.css" rel="stylesheet">
  <link rel="stylesheet" href="css/common.css">
  <link rel="stylesheet" href="css/index.css">
  <link rel="stylesheet" media="(max-width: 768px)" href="css/mobile.css">
</head>

<body>
  <div class="kuang">
    <section class="page">
      <div class="small-kuang pc">
        <header class="header">
          <a href="/"><img src="./image/logo.png" alt="" srcset=""></a>
          <div class="right">
            <div class="h-right">
              <a href="javasript:;">中文</a>
              <a href="javasript:;">ENG</a>
            </div>
            <nav class="navigation">
              <ul>
                <li><a href="./about.html">关于我们</a></li>
                <li><a href="./team.html">专业团队</a></li>
                <li><a href="./service.html">专业服务</a></li>
                <li><a href="./trends.html">行业动态</a></li>
                <li><a href="./case.html">经典案例</a></li>
                <li><a href="./contact.html">联系我们</a></li>
              </ul>
            </nav>
          </div>
        </header>
      </div>
      <!-- mobile header start-->
      <div class="small-kuang mobile">
        <header class="header">
          <a href="/"><img src="./image/m-logo.png" alt="" srcset=""></a>
          <div class="h-right">
            <span class="s-log">
              <a href="javasript:;">中文</a>
              <a href="javasript:;">ENG</a>
            </span>
            <span class="s-icon">
              <i class="layui-icon layui-icon-spread-left icon-custom"></i>
            </span>
          </div>
        </header>
        <div class="m-nav">
          <div id="mask"></div>
          <div class="layui-panel mob-panel">
            <p class="p-close">
              <i class="layui-icon layui-icon-close icon-close"></i>
            </p>
            <ul class="layui-menu navbar" id="demo-menu">
              <li>
                <div class="layui-menu-body-title">
                  <a href="./about.html">关于我们</a>
                </div>
              </li>
              <li>
                <div class="layui-menu-body-title">
                  <a href="./team.html">专业团队</a>
                </div>
              </li>
              <li>
                <div class="layui-menu-body-title">
                  <a href="./service.html">专业服务</a>
                </div>
              </li>
              <li>
                <div class="layui-menu-body-title">
                  <a href="./trends.html">行业动态</a>
                </div>
              </li>
              <li>
                <div class="layui-menu-body-title">
                  <a href="./case.html">经典案例</a>
                </div>
              </li>
              <li>
                <div class="layui-menu-body-title">
                  <a href="./contact.html">联系我们</a>
                </div>
              </li>
            </ul>
          </div>
        </div>
      </div>
      <!-- mobile header end -->
      <div class="banner">
        <img src="./image/shadow-up.png" alt="" class="sup">
        <div class="swiper mySwiper">
          <div class="swiper-wrapper">
            <div class="swiper-slide">
              <img src="./image/home_1.jpg" alt="" class="image-with-shadow">
            </div>
            <div class="swiper-slide">
              <img src="./image/home_2.jpg" alt="" class="image-with-shadow">
            </div>
          </div>
          <div class="swiper-button-next"></div>
          <div class="swiper-button-prev"></div>
          <div class="swiper-pagination"></div>
        </div>
        <img src="./image/shadow-down.png" alt="" class="sdown">
      </div>
      <div class="main-content">
        <div class="sidebar">
          <div class="menu">
            <!-- 内容在这里-->
            <ul>
              <li>
                <div class="left">
                  <img src="./image/play.png" alt="">
                </div>
                <div class="right">
                  <a href="./service.html?p=s1">专利服务</a>
                </div>
              </li>
              <li>
                <div class="left">
                  <img src="./image/play.png" alt="">
                </div>
                <div class="right">
                  <a href="./service.html?p=s2">商标业务</a>
                </div>
              </li>
              <li>
                <div class="left">
                  <img src="./image/play.png" alt="">
                </div>
                <div class="right">
                  <a href="./service.html?p=s3">版权业务</a>
                </div>
              </li>
              <li>
                <div class="left">
                  <img src="./image/play.png" alt="">
                </div>
                <div class="right">
                  <a href="./service.html?p=s4">科技业务</a>
                </div>
              </li>
              <li>
                <div class="left">
                  <img src="./image/play.png" alt="">
                </div>
                <div class="right">
                  <a href="./service.html?p=s5">专业翻译</a>
                </div>
              </li>
            </ul>
          </div>
        </div>
        <div class="content">
          <div class="content-kuang">
            <ul class="r-list" data-scroll-reveal="enter bottom but wait 0.3s">
              <li>
                <h4 class="s-title">专业的撰写团队</h4>
                <p class="s-desc">
                  撰写团队大都从事过多年专利审查，能够快 速准确地理解审查员所发出的审查意见，从 而针对性地进行修改和答复，做到在申请过 程中缩短专利申请周期，提高授权率。
                </p>
              </li>
              <li>
                <h4 class="s-title">智能化流程管理</h4>
                <p class="s-desc">
                  采用了智能化知识产权管理系统，实现自动化建立/监控全程 时限、任务分配和官方递交，使各类案件管理更加专业和精确，提升了服务效率，提升了客户体验。
                </p>
              </li>
              <li>
                <h4 class="s-title">高效严苛的质量管理体系</h4>
                <p class="s-desc">
                  专设一支质量管理团队，针对所有专利申请案件进行最终的质检。质量管理团队由具有丰富的专利审查经验的资 深代理人组成，从审查员的角度考虑 后续无效宣告程序和诉讼阶段，向客户提供修改建议。
                </p>
              </li>
              <li>
                <h4 class="s-title">全方位涉外知识产权服务</h4>
                <p class="s-desc">
                  与全球180多个国家和地区建立了密切合作关系，与全球1000多家知识产权事务所互享前沿的知识产权业界资讯，业务领域涉及知识产权、法律各个方面，包括专利、商标、著作权、诉讼、检索等。
                </p>
              </li>
            </ul>
          </div>
        </div>
      </div>
      <div class="bottom">
        <div class="b-left">
          <div class="trend">
            <h3>行业动态</h3>
            <span><a href="./trends.html">一更多一</a></span>
          </div>
          <div class="trend-list" data-scroll-reveal="enter left but wait 0.3s">
            <ul>
              <li><a href="./trends-detail.html">中国专利奖……………………………………………………</a></li>
              <li><a href="./trends-detail.html">智桥联合入选2021年度北京市3A级专利…………</a></li>
              <li><a href="./trends-detail.html">智桥联合入围北京市知识产权保险试点……………</a></li>
              <li><a href="./trends-detail.html">司法部关于印发《关于加强知识产权纠纷…………</a></li>
            </ul>
          </div>
        </div>
        <div class="b-middle"></div>
        <div class="b-right">
          <img src="./image/slide-up.png" alt="" class="s-up">
          <div class="bg">
            <img src="./image/email.png" alt="" class="email">
            <ul class="address">
              <li>地址：北京市丰台区科学城航丰路8号1幢3层320</li>
              <li>电话：010-57746273</li>
              <li>邮箱：liucheng@mindarch-ip.com</li>
            </ul>
          </div>
          <img src="./image/slide-down.png" alt="" class="s-down">
        </div>
      </div>
    </section>
    <footer class="footer">北京智桥联合知识产权代理事务所（普通合伙） 版权所有 京ICP备16063040号-1 </footer>
  </div>
</body>

</html>
<script src="js/jquery.min.js"></script>
<script src="js/swiper-bundle.min.js"></script>
<script src="layui/layui.js"></script>
<script src="js/common.js"></script>
<script>
  $(function () {
    window.scrollReveal = new scrollReveal({ reset: false, move: '50px' });
  })
  // $(".menu li").on('click',function(){
  //   let index = $(this).attr('data-href');
  //   $(this).addClass('cur').siblings().removeClass('cur');
  //   $(index).fadeIn(300).siblings().hide();
  // })


  var swiper = new Swiper(".mySwiper", {
    effect: 'fade',
    slidesPerView: 1,
    spaceBetween: 10,
    loop: true,
    autoplay: {
      delay: 3000, // 延迟时间，单位为毫秒
      disableOnInteraction: false, // 用户交互时是否停止自动轮播
    },
    pagination: {
      el: ".swiper-pagination",
      clickable: true,
      type: 'bullets',
      dynamicBullets: true,
    },
    navigation: {
      nextEl: ".swiper-button-next",
      prevEl: ".swiper-button-prev",
    },
  });


</script>